//less.js写css：https://www.cnblogs.com/zhanggf/p/5903410.html
//https://blog.csdn.net/xustart7720/article/details/78687559
//less.js，rem移动端适配：https://blog.csdn.net/qq_17347575/article/details/79291611
//水平居中，垂直居中完整攻略：https://blog.csdn.net/summer_lover_/article/details/66479576
//vw : 1vw 等于视口宽度的1%
//vh : 1vh 等于视口高度的1%
//vmin : 选取 vw 和 vh 中最小的那个
//vmax : 选取 vw 和 vh 中最大的那个

//// 这里的 7.5 指的是设计稿使用的是标准尺寸是 750 px. 可以根据不同的情况进行修改
//html {
//  font-size: calc(100vw/7.50);
//}

//@rem: 100rem;
//  // 这里的 35, 500 指的是在设计稿上，该 div 的高 35px, 宽 500px
//div {
//  height: 35/@rem;
//  width: 500/@rem;
//}
html,body{
  width:100%;
  height:100%;
  font-size: calc(100vw/7.50);
  color: #000;
  background: #fff;
  overflow-y: scroll;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;//iPhone在坚屏转向横屏时放大文字
  -ms-text-size-adjust: 100%;
}

@rem:54rem;

/*!*去除a标签点击样式*!*/
body{
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  padding-top: constant(safe-area-inset-top);
  padding-left: constant(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  /*padding-bottom: constant(safe-area-inset-bottom);*/
}

*{
  padding:0;
  margin:0;
  list-style: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}

i,span,a{
  display:inline-block;
}

a{
  text-decoration:none;
  color:#000;
  cursor:pointer;
}
i{
  font-style:normal;
}

.line2{display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  word-break:break-all;
  overflow: hidden;
}
.over{
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  word-break:break-all;
}

input,button,textarea{
  border:none;
  background:none;
}

/*去除焦点样式*/
button,input,textarea{
  outline: none!important;
}
/*去除textarea右下角拖动放大图标*/
textarea{
  resize:none
}

/*去除ul，li的默认样式*/
ul,li{
  padding:0;
  margin:0;
  list-style:none;
}

/*去除type=number时的默认样式*/
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}

::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background-color: #f5f5f5;
}

@color:#fcf9f0,red,blue;
.justify-content{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  align-items: center;
}

#app{
  width:100%;
  height:100%;
}

/*头部*/
.top{
  width:auto;
  height:90/@rem;
  background: #1a1a1f;
  padding:0 24/@rem;
  font-size:36/@rem;
  line-height:90/@rem;
  color:#fff;
  position:relative;
  text-align: center;

  .return{
    position:absolute;
    top:0;
    left:0;
    padding-left:54/@rem;
    width:auto;
    height:100%;
    color:#fff;
    font-size:28/@rem;
    line-height:90/@rem;
    background:~"url(image/return_arrow.png)" 24/@rem center no-repeat;
    background-size:auto 48/@rem;
  }

  .oprate{
    position:absolute;
    top:0;
    right:0;
    width:94/@rem;
    height:100%;
    background:~"url(image/top_oprate.png)" center no-repeat;
    background-size:auto 10/@rem;
  }
}

.title{
  font-size:32/@rem;
}